<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>买家主页</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/buyer.css">
</head>
<body>
    <nav class="nav-bar">
        <div class="nav-brand">购物系统</div>
        <ul class="nav-menu">
            <li><a href="index.html" class="active">商品列表</a></li>
            <li><a href="cart.html">购物车</a></li>
            <li><a href="orders.html">历史订单</a></li>
            <li><a href="#" id="logout">退出登录</a></li>
        </ul>
    </nav>
    
    <div class="container">
        <div class="product-list">
            <h2>商品列表</h2>
            <div id="productContainer" class="product-grid">
                <!-- 商品将通过JavaScript动态加载 -->
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="../js/buyer/index.js"></script>
</body>
</html> 